<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<html>
	<head>
		<title><decorator:title default="Grouper Management Suite" /></title>
		<script type="text/javascript" src="/grouper-webapp/scripts/jquery.ui-1.5.2/jquery-1.2.6.js"></script>
		<script type="text/javascript" src="/grouper-webapp/scripts/wufoo.js"></script>
		<link rel="stylesheet" href="/grouper-webapp/styles/wufoo/structure.css" type="text/css" />
		<link rel="stylesheet" href="/grouper-webapp/styles/wufoo/form.css" type="text/css" />
		<link rel="stylesheet" href="/grouper-webapp/styles/wufoo/theme.css" type="text/css" />
		<link rel="stylesheet" href="/grouper-webapp/styles/structure.css" type="text/css" />

		<style type="text/css">
		
.left {
	float: left;
}

.right {
	float: right;
}
		
body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;	
}
div#page {
	margin: 0px auto;
	width: 100%;
}
div#body {
	text-align: left;
}
div#header {
	height: 40px;
	background: #252525;
	color: #f3f3f3;
}

div#navigation {
	height: 40px;
	background: #FC7B05;
	color: #252525;
}

div#body {
	margin: 0px auto;
	width: 80%;
	background: white;
	border-left: 1px solid #E1E2DC;
	border-right: 1px solid #E1E2DC;
	border-bottom: 1px solid #E1E2DC;
	
}

h2, ul, li {
	padding: 0px;
	margin: 0px;
}

div#tabs {
	margin: 0px auto;
	width: 80%;
}

/** tab navigation **/
ul#tabnav { /* general settings */
float: left;
text-align: left; /* set to left, right or center */
margin: 18px 0 0 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #E1E2DC; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 5px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #f6f6f6; /* set border color to page background color */
background-color: #f6f6f6; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #f6f6f6; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
border-left: 1px solid #E1E2DC;
border-right: 1px solid #E1E2DC;
border-top: 1px solid #E1E2DC;
top: 1px;
padding-top: 13px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 6px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid none; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #D16F0A; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
	background: #f3f3f3; /* set desired hover color */
	color: #252525;
}

div#subnavigation {
	text-align: left;
	padding: 7px 10px;
	background: #f6f6f6;
	border-bottom: 1px solid #E1E2DC;
}

/** data tables **/
.datagrid {
	background: #EAEFF3;
	padding: 5px;
}

table.standard {
	background: #fff;
	width: 100%;
}

table.standard thead tr th {
	font-size: 90%;
	background: #ABBDCB;
	border-bottom: 1px solid #252525;
	text-align: left;
}
table.standard tbody tr td {
	font-size: 80%;
	background: #fff;
	border-bottom: 1px solid #EAEFF3;
}
		</style>
		<decorator:head />
	</head>
	<body id="tab1">
		<div id="page">
			<div id="header">
				<%@ include file="/common/header.jsp" %>
			</div>
			<div id="navigation">
				<%@ include file="/common/navigation.jsp" %>
			</div>
			<div id="body">
				<div id="subnavigation">
					<%@ include file="/common/subnavigation.jsp" %>
				</div>
				<decorator:body />			
			</div>
		</div>
	</body>
</html>